/*   
Theme Name: JaS Personal Publisher
Theme URI: http://w3.installeddesign.com/2008-08-15/jas-personal-publisher-2.html
Description: A simple and minimalist personal publishing theme for WordPress.
Author: Jorge Alberto Saldivar
Author URI: http://installeddesign.com
Version: 2
Tags: fixed width, two columns, minimalist, stylish, personal, dark, gradient header, right sidebar, widget, ready, widgets, valid CSS, ie7, firefox 3.0
.
This work is distributed under the terms of the GNU General Public License. 
This means you are free to use this template for any purpose, and make 
changes as you see fit. Please leave the link in the footer, or donate if 
you would like to remove it.
.
*/


body	{
	background: #000000 url(images/bg.gif) left top repeat-x scroll;
	margin: 0;
	padding: 10px 0;
	font-family: verdana;
	font-size: 12px;
}

a	{
	color: #4d87c1;
	text-decoration: none;
	font-family: arial;
	font-weight: bold;
	font-size: 1.1em;
}
a:hover	{
	color: #960000;
}

img	{
	border: 0;
}

/* HEADER TITLE STUFF HERE */

h1	{
	font-size: 1.5em;
	margin: 0;
	padding: 0;
}
h2	{
	font-size: 1.4em;
	margin: 0;
	padding: 0;
}
h3	{
	font-size: 1.3em;
	margin: 0;
	padding: 0;
}
h4	{
	font-size: 1.2em;
	margin: 0;
	padding: 0;
}
h5	{
	font-size: 1.1em;
	margin: 0;
	padding: 0;
}

/* WRAPPER STUFF GOES HERE. */

#wrapper	{
	background: #ffffff;
	width: 974px;
	border: 3px solid #b2b2b2;
	margin: 0 auto;
	padding: 0;
}

/* HEADER STUFF GOES HERE. */

#header	{
	background: #000000 /* url(images/header.gif) left center repeat-x scroll */;
	height: 90px;
	padding: 5px;
}

/* START H1 GRADIENT */
#header h1	{
	float: left;
	font-size: 50px;
	color: #ffffff;
	line-height: 64px;
	font-family: times;
	position: relative;
}
#header h1 span {
	background: url(images/gradient-shine.png) repeat-x;
	position: absolute;
	display: block;
	width: 100%;
	height: 64px;
}
/* END H1 GRADIENT */


#header-left	{
	height: 0;
}
#header-left div	{
	/* Site description */
	letter-spacing: 3px;
	text-transform: uppercase;
	clear: left;
	color: #ffffff;
	font-size: .8em;
	margin: 0 320px 0 0;
	line-height: 25px;
	padding: 0 5px;
}

/* SEARCH FORM and RSS STUFF HERE. */

.header-right	{
	float: right;
	width: 310px; 
	font-size: 15px;
	font-weight: bold;
}

#searchform	{
	background: #e5e5e5;
	margin: 0;
	padding: 5px;
}

#s	{
	width: 200px;
	border: 0;
	margin: 0;
	padding: 5px;
}
#searchsubmit	{
	background: #ffffff;
	width: 85px;
	border: 0;
	margin: 0;
	padding: 4px;
	font-weight: bold;
	color: #960000;
}
#rss	{
	text-align: right;
	margin: 5px 0 0 0;
	padding: 5px 0;
}
.feed {
	background: transparent url("images/feed-icon-14x14.png") 5px 50% no-repeat scroll;
	margin: 0;
	padding: 0 0 0 24px;
	color: #add8e6;
}
.feed:hover	{
	color: #add8e6;
	text-decoration: underline;
}


/* ALL CONTENT STUFF HERE. */

#container	{
	height: 1%;
}

#column	{
	width: 644px;
	float: left;
	margin: 0;
	padding: 5px;
}



#page-title	{
	background: #960000;
	height: 5px;  /* Remove the height if you will add content to Page Title on Index and Single files. */
	margin: 0 0 5px 0;
	padding: 5px;
	color: #ffffff;
	letter-spacing: 3px;
	font-size: 1.5em;
	font-family: arial;
}
.title	{
	font-size: 2.2em;
}
.date	{
	background: transparent url(images/date.gif) center center no-repeat scroll;
	float: left;
	width: 75px;
	height: 75px;
	margin: 0 5px 0 0;
}
.month	{
	display: block;
	text-align: center;
	color: #ffffff;
	font-weight: bold;
	line-height: 22px;
	margin: 5px;
}
.day	{
	display: block;
	text-align: center;
	font-weight: bold;
	font-size: 1.4em;
}
.year	{
	display: block;	
	text-align: center;
	font-weight: bold;
	font-size: .9em;
}
.info-1	{
	background: #fafafa;
	border-width: 1px 1px 0 1px;
	border-style: solid;
	border-color: #e5e5e5;
	color: #960000;
	font-weight: bold;
	font-size: .8em;
	margin: 0 0 0 80px;
	padding: 5px 5px 0 5px;
}
.info-2	{
	background: #fafafa;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	border-color: #e5e5e5;
	color: #960000;
	font-weight: bold;
	font-size: .8em;
	margin: 0 0 0 80px;
	padding: 0 5px 5px 5px;
}

/* START PARAGRAPH BEHAVIOR */
#column p	{
	margin: 10px 0;
	padding: 0;
}
.par	{
	margin: 0;
	padding: 0 0 0 80px;
}
blockquote	{
	background: transparent;
	border: 1px solid #e5e5e5; 
	margin: 0;
	padding: 5px 20px;
}
blockquote p	{
	margin: 0;
	padding: 0;
	text-align: justify;
}
a.more-link	{
	background: #4d87c1;
	display: block;
	margin: 5px auto;
	padding: 5px;
	width: 234px;
	text-align: center;
	color: #ffffff;
}
a.more-link:hover	{
	color: #add8e6;
}
/*  END PARAGRAPH BEHAVIOR */
.the-meta	{
	clear: both;
	margin: 0 0 0 80px;
	padding: 0;
}
.the-meta ul	{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.post-meta-key	{
	font-weight: bold;
}

.footer2	{
	border-bottom: 3px double #960000;
	margin: 0 0 10px 80px;
}

/* COMMENT STUFF HERE */

h3#comments	{}
ol.commentlist	{
	list-style-type: none;
	padding: 0;
}
ol.commentlist li	{
	margin: 0;
	padding: 0;
}
ol.commentlist li:hover	{
	background: #e5e5e5;
}
img.avatar {
	float: left;
	background: #ffffff;
	margin: 5px;
	padding: 5px;
	border: 1px solid #b2b2b2;
}
h3#respond	{}
form#commentform	{}
h3#comments,ol.commentlist,h3#respond,form#commentform	{
	margin: 0 0 0 80px;
}
textarea#comment	{
	width: 560px;
}
/* END COMMENT STUFF HERE */


div.navigation	{
	margin: 0 0 0 80px;
	letter-spacing: 3px;
	text-transform: uppercase;
	font-size: 1.3em;
}


/* SIDEBAR STUFF STARTS HERE. */

#sidebar	{
	float: right;
	width: 320px;
}

#sidebar ul	{
	list-style-type: none;
	background: #e5e5e5;
	margin: 5px;
	padding: 5px;
}
#sidebar ul li	{
	background: #ffffff;
	margin: 0;
	padding: 5px;
}
#sidebar ul li h2	{
	color: #960000;
	font-size: 1em;
	letter-spacing: 5px;
	text-transform: uppercase;
	display: block;
	border-bottom: 1px solid #b2b2b2;
	padding: 0 0 5px 0;
}
#sidebar ul li ul	{
	list-style-type: none;
	background: #ffffff;
	margin: 0;
	padding: 0;
}
#sidebar ul li ul li	{
	margin: 0;
	padding: 0;
}
#sidebar ul li ul li ul li	{
	margin: 0 0 5px 0;
	padding: 0;
}

/* FOOTER STUFF HERE.  */

#footer	{
	clear: both;
	background: #666666 url(images/footer.gif) left center repeat-x scroll;
	height: 90px;
	margin: 0;
	padding: 5px;
	color: #ffffff;
	text-align: center;
	font-size: .8em;
	letter-spacing: 3px;
	text-transform: uppercase;
}
#footer a	{
	color: #ffffff;
}

/* STRUCTURE ELEMENTS */

.clear-both	{
	clear: both;
}
.clear-left	{
	clear: left;
}
.clear-right	{
	clear: right;
}
.hidden	{
	display: none;
}

/* FROM http://codex.wordpress.org/CSS FOR IMAGES */
.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px; */
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}